<h1><i class="icon-bar-chart"></i> Charts</h1>



<hr />

<h3>Documentation</h3>

<p><a href="http://www.flotcharts.org/" class="third-party-doc">jQuery Flot Documentation</a></p>


<hr />

<h3>Helper</h3>

<p>Add the class <code>.chart-holder</code> to your div that is going to contain the chart. This helper class give the chart container a default height which it needs to display properly.</p>

<pre>&lt;div id="bar-chart" class="chart-holder"&gt;&lt;/div&gt;</pre>



<hr />


<h3>Examples</h3>

<p>You can find chart examples for line, pie, donut, vertical bar and horizontal bar charts in the <code>/js/demos/charts/</code> folder. The code is clean and organized and should be a great start in creating your own charts.